body,html{
    		margin: 0;
    	}
    	body{
    	}
		.container{
			position: absolute;
			top: 6.5%;
			background: url(../../images/sign/sign_body_bg.png) no-repeat;
			background-size: 100% 105%;
		}
    	img{
    		width: 100%;
    	}
    	button{
    		margin: 0;
    		padding: 0;
    		border: none;
    		background: transparent;
    		outline: none;
    	}
    	.titnotice{
    		width: 100%;
    		height: 44px;
    		line-height:44px;
    		display: flex;
    	}
    	.titnotice .left{
    		width: 65%;
    		height: 44px;
    		display: flex;
    		background:linear-gradient(180deg,rgba(87,87,89,1) 0%,rgba(36,36,42,1) 100%);
    	}
    	.titnotice .left .lefttext{
    		width: 70%;
    	}
    	.titnotice .left .lefttext div{
    		height: 22px;
    		line-height: 22px;
    		font-size: 14px;
    	}
    	.titnotice .left .lefttext div:first-child{
    		width: 100%;
    		color: #FFF;
    		font-size: 14px;
    	}
    	.titnotice .left .lefttext div:last-child{
    		color: #999;
    		font-size: 13px;
    	}
    	.titnotice .left .logo{
    		width: 30px;
    		height: 30px;
    		margin: 7px 12px 0 15px;
    	}
    	.titnotice .right{
    		text-align: center;
    		font-size: 14px;
    		color: #fff;
    		width: 35%;
    		height: 44px;
    		background:linear-gradient(180deg,rgba(255,141,145,1) 0%,rgba(255,56,62,1) 100%)
    	}
    	.minm{
    		margin:0 3%;
    	}
    	.swiper-container{
    		width: 100%;
    		overflow: hidden;
    	}
    	.swiper-container .swiper-slide img{
    		width: 100%;
    		height: 100%;
    	}
    	.banner{
    		padding: 2%;
    		background: rgba(0,0,0,0.1);
    		border-radius: 6px;
    		margin-top: -8%;
    		height: 10%;
    	}	
    	/*banner页签图标*/
    	
    	.swiper-pagination-bullet{
    		width: 15px;
		    height: 3px;
		    display: inline-block;
		    border-radius: 1px; 
		    background: #000;
		    opacity: .2;
		    background: #fff;
    		opacity: 0.2;
    	}
    	.swiper-pagination-bullet-active{
    		background: #fff;
    		opacity: 0.8;
    		width: 25px;
    	}
    	.swiper-container-horizontal>.swiper-pagination-bullets{
    		bottom: 0px;
    	}
    	
    	.spanel{
    		margin-top: 5%;
    		margin-bottom: 5%;
    		position: relative;
    	}
    	.spanel .spanelmain{
    		width: 100%;
    		height: 100%;
    		position: absolute;
    		top: 0;
    		left: 0;
    	}
    	.spanel .spanelmain .tit{
    		text-align: center;
    		margin-top: 8%;
    		color: rgba(230, 32, 97,1);
    	}
    	.spanel .spanelmain .tit span{
    		font-size: 18px;
    		font-weight: 600;
    		margin: 0 1%;
    		color: rgba(230, 28, 95,1);
    	}
    	.spanel .spanelmain .itemlist{
    		display: flex;
    		width: 90%;
    		justify-content: space-between;
    		margin: 0 5%;
    		font-size: 0;
    		margin-bottom: 1%;
    	}
    	.spanel .spanelmain .itemlist div{
    		margin-right: 2px;
    	}
    	.spanel .spanelmain .itemlist div:last-child{
    		margin-right:0;
    	}
    	.spanel .spanelmain .itemlist.bot{
    		width: 70%;
    		margin: 0 15%;
    	}
    	.spanel .spanelmain .signbtn{
    		width: 74%;
    		margin: 6% 13% 0;
    	}
    	.boticon{
    		margin: 0 12% 30%;
    	}
    	.maxm{
    		margin: 0 20%;
    	}
    	.goods{
    		position: relative;
    		margin-bottom: 8%;
    	}
    	.goods .goodslist{
    		width: 94%;
    		height: 76%;
    		padding: 2% 1% 2% 4%;
    		position: absolute;
    		top: 18%;
    		left: 0;
    		display: flex;
    		overflow: auto;
    		flex-wrap: wrap;
    	}
    	.goods .goodslist .item{
    		background: #fff;
    		height: 93%;
    		width: 44%;
    		border-radius: 5px;
    		padding: 1% 2%;
    		margin:0 2% 2% 0;
    	}
    	.goods .goodslist .item .goodsimg{
    		width: 100%;
    		height: 50%;
    		border-radius: 5px;
    	}
    	.goods .goodslist .item .name{
    		font-size: 14px;
    		font-weight: 600;
    		height: 20px;
    		line-height: 20px;
    		overflow: hidden;
    		display: -webkit-box;
			word-break: break-all;
			-webkit-box-orient: vertical;
			-webkit-line-clamp:1; 
			text-overflow:ellipsis;
    	}
    	.goods .goodslist .item .det{
    		font-size: 10px;
    		height: 20px;
    		line-height: 20px;
    		overflow: hidden;
    		display: -webkit-box;
			word-break: break-all;
			-webkit-box-orient: vertical;
			-webkit-line-clamp:1; 
			text-overflow:ellipsis;
    	}
    	.goods .goodslist .item .goodtab{
    		display: flex;
    		justify-content: space-between;
    		margin: 0 0 3%;
    	}
    	.goods .goodslist .item .goodtab .mintab{
    		font-size: 9px;
    		color: #fff;
    		padding: 1px 5px;
    		border-radius: 10px;
    		background-color: rgb(229, 28, 95);
    		height: 14px;
    		line-height: 14px;
    		margin-top: 12%;
    	}
    	.goods .goodslist .item .goodtab .price div:first-child{
    		font-size: 9px;
    		text-align: right;
    	}
    	.goods .goodslist .item .goodtab .price div:first-child span{
    		font-size: 22px;
    		font-weight: 900;
    		color: rgb(229, 28, 95);
    	}
    	.goods .goodslist .item .goodtab .price div:last-child{
    		font-size: 9px;
    		text-align: right;
    	}
    	
    	.ticket{
    		position: relative;
    		margin-bottom: 7%;
    	}
    	.ticket .ticketlist{
    		width: 100%;
    		height: 72%;
    		position: absolute;
    		top: 26%;
    		left: 0;
    	}
    	.ticket .ticketlist .row{
    		display: flex;
    		justify-content: space-between;
    		margin:5% 5% 0;
    	}
    	.ticket .ticketlist .row button{
    		width: 48%;
    		margin: 0;
    		padding: 0;
    		border: none;
    		background: transparent;
    		outline: none;
    	}
    	.rule .ruletit{
    		margin: 0 37% 3%;
    	}
    	.rule .ruleamin{
    		margin: 0 7%;
    		display: flex;
    		color: #333;
    		margin-bottom: 1%;
    	}
    	.rule .bottext{
    		color: #333;
    		margin: 2% 7%;
    		font-weight: 600;
    	}
    	/*弹框*/
    	.mask{
    		display: none;
    		position: fixed;
    		top: 0;
    		left: 0;
    		bottom: 0;
    		right: 0;
    		background: rgba(0,0,0,0.5);
    		z-index: 1000;
    	}
    	.mask .alert{
    		width: 70%;
    		position: absolute;
    		top: 40%;
    		left: 15%;
    		background: #fff;
    		border-radius: 10px;
    	}
    	.mask .alert p{
    		margin: 10%;
    		text-align: center;
    	}
    	.mask .alert .btn{
    		height: 44px;
    		line-height: 44px;
    		display: flex;
    		text-align: center;
    		border-top: 1px solid #ededed;
    	}
    	.mask .alert .btn a{
    		display: inline-block;
    		text-decoration: none;
    		width: 50%;
    		color: rgba(102,102,102,1);
    		height: 44px;
    		line-height: 44px;
    	}
    	.mask .alert .btn a.affirms{
    		color: #F64665;
    		border-left: 1px solid #ededed;
    	}
    	/*提示框*/
    	.notice{
    		display: none;
    		width: 50%;
    		background: rgba(0,0,0,0.6);
    		color: #fff;
    		text-align: center;
    		position: fixed;
    		top: 50%;
    		left: 20%;
    		padding: 5%;
    		border-radius: 5px;
    		font-size: 15px;
    	}
    	/*loading*/
		#loading{
			display: none;
			position: fixed;
			top: 0;
			left: 0;
			bottom: 0;
			right: 0;
			background: rgba(0,0,0,0.6);
			text-align: center;
			z-index: 1001;
		}
		svg {
			position: absolute;
			top: 40%;
			left: 50%;
			transform: translateX(-55px);
			width: 70px;
			height: 70px;
			margin: 20px;
			display: inline-block;
		}
		
		.made-with-love {
		  margin-top: 20px;
		  padding: 10px;
		  font-size: 10px;
		  font-family: arial;
		  color: #fff;
		}
		.made-with-love i{
		  font-style: normal;
		  color: #F50057;
		  font-size: 14px;
		  position: relative;
		  top: 2px;
		}
		.made-with-love a {
		  color: #fff;
		  text-decoration: none;
		}
		.made-with-love a:hover {
		  text-decoration: underline;
		}
		
		.itemlist div{
			display: inline-block;
			width: 125px;
			height: 155px;
		}
		
		.already_sign1 {
			background-image: url('../../images/sign/146940d29836cb1ba2c107383a6eb9bb.png'), linear-gradient(#f00, #f00) !important;
			background-blend-mode: lighten !important;
			background-size: cover !important;
		}
		.already_sign2 {
			background-image: url('../../images/sign/271539653b46aae3a4a1176f93efc8cd.png'), linear-gradient(#f00, #f00) !important;
			background-blend-mode: lighten !important;
			background-size: cover !important;
		}
		.already_sign3 {
			background-image: url('../../images/sign/fa0a51b3f773e71f7bc0a48c1a4c3e65.png'), linear-gradient(#f00, #f00) !important;
			background-blend-mode: lighten !important;
			background-size: cover !important;
		}
		.already_sign4 {
			background-image: url('../../images/sign/b5773c0ecc2f928e5434f2b5c647e160.png'), linear-gradient(#f00, #f00) !important;
			background-blend-mode: lighten !important;
			background-size: cover !important;
		}
		.already_sign5 {
			background-image: url('../../images/sign/1d60948184778c16b08ba00f333634f8.png'), linear-gradient(#f00, #f00) !important;
			background-blend-mode: lighten !important;
			background-size: cover !important;
		}
		.already_sign6 {
			background-image: url('../../images/sign/1d60948184778c16b08ba00f333634f8.png'), linear-gradient(#f00, #f00) !important;
			background-blend-mode: lighten !important;
			background-size: cover !important;
		}
		.already_sign7 {
			background-image: url('../../images/sign/c996b16f8c9684f6eff1e79feec90432.png'), linear-gradient(#f00, #f00) !important;
			background-blend-mode: lighten !important;
			background-size: cover !important;
		}
		
@media only screen and (max-width:350px ) {
	.titnotice .left .lefttext div:first-child{
		font-size: 12px;
	}
	.titnotice .left .lefttext div:last-child{
		font-size: 12px;
	}
	.titnotice .right{
		font-size: 12px;
	}
	.titnotice .left .logo{
		margin: 7px 5%;
	}
}